<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="format-detection" content="telephone=no, email=no"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <meta name="MobileOptimized" content="320">
        <meta name="screen-orientation" content="portrait">
        <meta name="x5-orientation" content="portrait">
        <meta name="full-screen" content="yes">
        <meta name="x5-fullscreen" content="true">
        <meta name="browsermode" content="application">
        <meta name="copyright" content="本版权归钱内助所有。All Rights Reserved">
        <meta name="generator" content="webStorm">
        <meta name="description" content="中秋相关活动，国庆相关活动，加息活动，加息送现金、加息券，平均加息1%以上">
        <meta name="keywords" content="中秋，国庆，加息，送现金，送加息券">
        <title>欢度中秋国庆</title>
        <script>
            (function(){
                var deviceWidth = document.documentElement.clientWidth;
                document.documentElement.style.fontSize = deviceWidth / 3.75 + 'px';
                // 页面宽度发生变化时动态生成根字体尺寸
                window.onresize = function () {
                    var deviceWidth = document.documentElement.clientWidth;
                    document.documentElement.style.fontSize = deviceWidth / 3.75 + 'px';
                }
            })();
        </script>
        <style>
            body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
            body{ font-family: "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; overflow-x: hidden; }
            ul,li,ol{ list-style: none;}
            img{ border: none;}
            a{ text-decoration: none;}
            a:hover{ text-decoration: none;}

            .container{ width: 100%; background: url(/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg7.png) repeat-y; background-size: 100%;}
            .containerBox{ width: 100%; background: url(/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg.jpg) no-repeat top center; background-size: 100% auto;}

            .content{ width: 92%; margin: 0 auto; font-size: 0.12rem;}
            .contentTit{ width: 100%; height: 0.5rem;}
            .contentTit:after{ content: ''; width: 0; height: 0; display: flex; clear: both; visibility: hidden;}
            .contentTit li{ float: left; width: 1.05rem; height: 0.5rem; text-align: center; background: #ffd513; box-sizing: border-box; padding: 0.05rem 0.08rem; border-radius: 0.2rem 0.2rem 0 0;}
            .contentTit li a{
                color: #fffc30; width: 100%; height: 100%; background: #f74129; border-radius: 0.08rem; line-height: 0.17rem; position: relative;
                display: flex; align-items: center; justify-content: center; flex-direction: column;
            }
            .contentTit li a:before{
                content: ''; width: 30%; height: 3px; background: #fff; border-radius: 6px; position: absolute; right: 15%; top: 0; z-index: 10;
            }
            .contentTit li a:after{
                content: ''; width: 3px; height: 3px; background: #fff; border-radius: 100%; position: absolute; right: 10%; top: 0; z-index: 10;
            }
            .contentTit li.on{ background: #e44820;}
            .contentTit li.on a{ color: #da3023; background: #fffc0e;}

            .contentBox{ width: 100%; position: relative;}
            .activeRuler{
                position: absolute; right: 0; top: 0; z-index: 200; width: 0.9rem; height: 0.25rem; color: #df3c26; border-radius: 0.05rem; font-weight: bold;;
                background: -webkit-linear-gradient(#fffae4, #fda864); background: linear-gradient(#fffae4, #fda864);
                display: flex; align-items: center; justify-content: center; flex-direction: column;
            }
            .oneItem{ width: 100%; position: relative; display: none; background: url(/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg6.png) repeat-y; background-size: 100% auto; border-radius: 0 0.05rem 0 0;}
            .oneItem.show{ display: block;}
            .productBox{ width: 100%;}
            .product{ width: 100%;  position: relative; display: -webkit-flex; display: flex; box-sizing: border-box; padding: 0.35rem 0.2rem 0.2rem 0.3rem; color: #ffe7c2;}
            .product p{ font-size: 0.14rem; font-weight: normal; padding-top: 0.05rem;}
            .rate{ -webkit-flex: 2; flex: 2; font-size: 0.22rem; font-weight: bold;}
            .rate span{ color: #fefe20;}
            .rate span font{ font-size: 0.32rem;}
            .term{ -webkit-flex: 1; flex: 1; font-size: 0.18rem; font-weight: bold; box-sizing: border-box; padding-left: 17%;}
            .term span{ font-size: 0.28rem;}

            .buyBow{
                width: 64%; height: 0.46rem; margin: 0 auto; text-align: center; position: relative;
            }
            .buyBow a{
                display: block; width: 100%; height: 0.46rem; line-height: 0.46rem; color: #ff3015; font-size: 0.22rem; font-weight: bold; border-radius: 0.37rem;
                background: -webkit-linear-gradient(#fffbc3, #ffc843); background: linear-gradient(#fffbc3, #ffc843); position: relative; z-index: 5;
            }
            .buyBow:after{
                content: ''; width: 100%; height: 0.46rem; background: #ae0904; position: absolute; left: 0; bottom: -4px; border-radius: 0.37rem; z-index: 0;
            }
            .tips{ text-align: center; box-sizing: border-box; color: #fee9b3; margin-top: 0.2rem; padding: 0 0.2rem;}

            .rule{ width: 86%; margin: 0 auto; padding-top: 0.18rem;}
            .ruleTit{ width: 0.85rem; background: #c3160d; text-align: center; color: #ffdf64; font-size: 0.14rem; height: 0.26rem; line-height: 0.26rem; border-radius: 0.26rem;}
            .ruleList{ color: #fee9b3; background: #c3160d; box-sizing: border-box; padding: 0.1rem; line-height: 0.2rem; margin-top: 0.1rem;}
            .ruleList li{ position: relative; padding-left: 20px;}
            .ruleList li span{ position: absolute; left: 0; top: 0;}

            .productFit{ width: 86%; margin: 0.2rem auto 0 auto; border: 1px solid #fee9b3; border-top: 2px solid #fee9b3; box-sizing: border-box;}
            .productFit li{ width: 100%; display: -webkit-flex; display: flex; box-sizing: border-box; color: #fee9b3; font-size: 0.14rem; text-align: center;}
            .productFit li span{ display: block; border-right: 1px solid #fee9b3; border-bottom: 1px solid #fee9b3; box-sizing: border-box; padding: 0.08rem 0;}
            .productFit li span:nth-child(1){ -webkit-flex: 1; flex: 1.5; border-left: 1px solid #fee9b3;}
            .productFit li span:nth-child(2){ -webkit-flex: 1; flex: 1;}

            .footer{ text-align: center; font-size: 0.14rem; color: #fff; padding: 0.2rem 0;}

            .mask{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; display: none;}
            .mask.show{ display: block;}
            .maskMain{
                width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.6);
            }
            .maskBox{ width: 84%; font-size: 0.14rem; color: #e06e58; position: relative;}
            .maskBg img{ width: 100%; display: block;}
            .maskList{ width: 74%; height: 80%; position: absolute; left: 13%; bottom: 9%; overflow-y: scroll;}
            .maskList::-webkit-scrollbar{ width: 2px;}
            .maskList::-webkit-scrollbar-thumb {
                background-color: rgba(0, 0, 0, 0.1);
            } /* 滑块颜色 */

            .maskList li{ padding-left: 12px; line-height: 0.22rem; position: relative; margin-bottom: 0.1rem;}
            .maskList li span{ position: absolute; left: 0; top: 0;}

            .close{ position: absolute; right: 0; top: -15px; z-index: 2000; width: 30px; height: 30px; background: #fcd22d; border-radius: 100%; box-shadow: 0 3px 3px rgba(0,0,0,0.5);}
            .close:before{
                content: ''; width: 20px; height: 3px; background: #710802; position: absolute; left: 5px; top: 14px; transform: rotate(45deg);
            }
            .close:after{
                content: ''; width: 20px; height: 3px; background: #710802; position: absolute; left: 5px; top: 14px; transform: rotate(-45deg);
            }
            .bottomBg{ width: 100%;}
            .bottomBg img{ display: block; width: 100%;}
        </style>
    </head>
    <body>
        <div class="container">
            <div class="containerBox">
                <div style="height: 1.8rem;"></div>
                <div class="content">
                    <div class="contentTit">
                        <ul>
                            <li class="on"><a href="javascript:void(0);">欢度国庆<p>10.01-10.03</p></a></li>
                            <li><a href="javascript:void(0);">礼献中秋<p>10.04-10.07</p></a></li>
                        </ul>
                    </div>
                    <div class="contentBox">
                        <div class="activeRuler">活动规则</div>
                        <!--国庆活动-->
                        <div class="oneItem show">
                            <div class="productBox">
                                <div class="product">
                                    <div class="rate">10.8%+<span><font id="rate1">1.5</font>%</span><p>预期年化收益率</p></div>
                                    <div class="term"><span>60</span> 天<p>投资期限</p></div>
                                </div>
                                <div class="buyBow"><a href="javascript:void(0);" id="btn1"></a></div>
                                <div class="tips">温馨提示：累计投资满5000元，再参与“礼献中秋”活动，还可额外获得10元现金奖励。</div>
                            </div>
                            <div class="bottomBg"><img src="/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg5.png"></div>
                            <div class="rule">
                                <div class="ruleTit">规则备注</div>
                                <div class="ruleList">
                                    <ul>
                                        <li><span>①</span>活动时间：10月1日00:00:00-10月3日23:59:59。</li>
                                        <li><span>②</span>本次活动只针对投资期限为60天且年化利率为12.3%的产品，其他产品不参加此次活动。</li>
                                        <li>举个例子：小钱累计投资60天产品1万元，再参与了“礼献中秋”活动，则可额外获得10元现金的奖励。</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--中秋活动-->
                        <div class="oneItem">
                            <div class="productBox">
                                <div class="product">
                                    <div class="rate">13.8%+<span><font id="rate2"></font>%</span><p>预期年化收益率</p></div>
                                    <div class="term"><span>180</span> 天<p>投资期限</p></div>
                                </div>
                                <div class="buyBow"><a href="javascript:void(0);" id="btn2"></a></div>
                                <div class="tips">温馨提示：若投资“欢度国庆”活动的60天产品累计满5000元，再投资“礼献中秋”活动的180天产品任意金额即可额外获得10元现金奖励。</div>
                            </div>
                            <div class="bottomBg"><img src="/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg5.png"></div>
                            <div class="productOther">
                                <div class="productFit">
                                    <ul>
                                        <li><span>累计投资金额区间(元)</span><span>现金奖励(元)</span></li>
                                        <li>
                                            <span>5100≤X≤30000</span>
                                            <span>20</span>
                                        </li>
                                        <li>
                                            <span>30000＜X≤80000</span>
                                            <span>88</span>
                                        </li>
                                        <li>
                                            <span>80000＜X≤150000</span>
                                            <span>268</span>
                                        </li>
                                        <li>
                                            <span>X＞150000</span>
                                            <span>588</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="rule">
                                    <div class="ruleTit">规则备注</div>
                                    <div class="ruleList">
                                        <ul>
                                            <li><span>①</span>活动时间：10月4日00:00:00-10月7日23:59:59。</li>
                                            <li><span>②</span>活动期间，现金奖励按累计投资金额发放，且只享受累计投资金额对应的最高一档的奖励。</li>
                                            <li>举个例子：小钱累计完成10万的投资，则获得268元现金奖励。</li>
                                            <li><span>③</span>本次活动只针对投资期限为180天且加息的产品，其他产品不参加此次活动。</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="bottomBg"><img src="/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg5.png"></div>
                </div>
                <div class="footer">市场有风险，投资需谨慎</div>
            </div>
        </div>
        <!--弹出框-->
        <div class="mask">
            <div class="maskMain">
                <div class="maskBox">
                    <div class="maskBg"><img src="/themes/soonmes_qzw_v2/activity/monthActivity/images/national_conditions/napp_national_bg2.png"></div>
                    <div class="maskList">
                        <ul>
                            <li><span>1.</span>活动对象：钱内助所有用户(各客户端均可参与)。</li>
                            <li><span>2.</span>活动时间：2017年10月1日00:00:00—10月7日23:59:59。</li>
                            <li><span>3.</span>投资“欢度国庆”活动期间发的60天产品累计满5000元，再参与“礼献中秋”活动则可额外获得10元现金奖励。</li>
                            <li><span>4.</span>投资“礼献中秋”活动期间的180天产品，达到一定累计投资金额，即可获得累计投资金额对应的最高一档奖励。</li>
                            <li>举个例子：小钱在“欢度国庆”活动期间投资60天产品累计完成5000元，又在“礼献中秋”活动期间投资180天产品5万元，即可获得10+88=98元现金。</li>
                            <li><span>5.</span>现金奖励将在活动结束后的10个工作日内打入您钱内助账户绑定的默认银行卡中。(特别提示:如若返现到银行卡失败，客服人员在活动结束后30个工作日内无法与您取得联系的，将视为放弃奖励)。</li>
                            <li><span>6.</span>活动内容如有更改，将于官网公告，不再另行通知。</li>
                            <li><span>7.</span>如有疑问，请拨打客服热线：400-000-9810，或联系在线客服。</li>
                            <li><span>8.</span>本次活动最终解释权归钱内助所有。</li>
                        </ul>
                    </div>
                    <div class="close"></div>
                </div>
            </div>
        </div>
        <script src="https://www.qianneizhu.com/themes/soonmes_qzw_v2/activity/invite/script/zepto.min.js"></script>
        <script src="${webroot}${theme_dir}/mobile/script/sea.js"></script>
        <script>
            seajs.use(['page/buyResult']);
        </script>
        <script>
            $(function(){
                $('.contentTit li').on('tap',function(){
                    var indexNum = $(this).index();
                    $(this).addClass('on').siblings().removeClass('on');
                    $('.oneItem').eq(indexNum).addClass('show').siblings().removeClass('show');
                });

                //判断是否是app
                function getUrlParam(name){
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return true; return false;
                }

                var clearTimer1;
                var clearTimer2;
                //当前时间
                //var nowTime = Date.parse(new Date());
                var nowTime = ${timestamp?c};// 服务器时间

                //60天产品活动时间
                var six_startTime = Date.parse('2017/10/01 00:00:00');
                var six_endTime = Date.parse('2017/10/03 23:59:59');
                //180天产品活动时间
                var eight_startTime = Date.parse('2017/10/04 00:00:00');
                var eight_endTime = Date.parse('2017/10/07 23:59:59');

                var currentTime1 = six_startTime - nowTime; //60天产品
                var currentTime2 = eight_startTime - nowTime; //180天产品

                if(nowTime<six_startTime){
                    $('#rate2').html('?');
                    //活动未开始
                    cutTime(currentTime1,'#btn1',clearTimer1,60);
                    cutTime(currentTime2,'#btn2',clearTimer2,180);
                }else if(nowTime>=six_startTime && nowTime <= six_endTime){
                    //60天产品活动开始
                    toDetail(60,'#btn1');
                    cutTime(currentTime2,'#btn2',clearTimer2,180);
                    $('#rate2').html('?');
                }else if(nowTime>=six_endTime && nowTime<eight_startTime){
                    //60天产品活动结束,180天活动未开始
                    $('.contentTit li:eq(1)').addClass('on').siblings().removeClass('on');
                    $('.oneItem:eq(1)').addClass('show').siblings().removeClass('show');
                    $('#btn1').html('活动已结束');
                    cutTime(currentTime2,'#btn2',clearTimer2,180);
                    $('#rate2').html('?');
                }else if(nowTime>=eight_startTime && nowTime< eight_endTime){
                    //180天产品活动开始
                    $('.contentTit li:eq(1)').addClass('on').siblings().removeClass('on');
                    $('.oneItem:eq(1)').addClass('show').siblings().removeClass('show');
                    toDetail(180,'#btn2');
                    $('#btn1').html('活动已结束');
                    $('#rate2').html('0.88');

                }else if(nowTime>=eight_endTime){
                    $('#btn1').html('活动已结束');
                    $('#btn2').html('活动已结束');
                    $('#rate2').html('0.88');
                }

                var isApp = getUrlParam('native_view');
                //跳转产品详情页
                function toDetail(days,className){
                    $.ajax({
                        url: '/activity/activityBorrow.html',
                        data: {
                            timeLimitDay: days,
                            isRaise: 1
                        },
                        type: 'post',
                        dataType: 'json',
                        success: function(data){
                            if(isApp){
                                if(data.resultCode == '1'){
                                    var productId = data.resultData.borrowId;
                                    $(className).text('立即投资').attr({
                                        "href": 'qian://openNativePage?#',
                                        "data-hybrid-type":"borrowId="+productId
                                    })
                                }else{
                                    $(className).text('立即投资').attr({
                                        "href": 'qian://openNativePage?#',
                                        "data-hybrid-type":"tender"
                                    })
                                }
                            }else{
                                $(className).html('立即抢购');
                                $(className).click(function(){
                                    location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.rd.qnz#opened";
                                });
                            }
                        },
                        error: function(){}
                    });
                }

                //倒计时
                function cutTime(currentTime,className,timer,days){
                    currentTime-=1000;
                    var hour = parseInt(currentTime / (1000 * 60 * 60));
                    var minute = parseInt(((currentTime % (1000 * 24 * 60 * 60)) % (1000 * 60 * 60)) / (1000 * 60));
                    var second = parseInt((((currentTime % (1000 * 24 * 60 * 60)) % (1000 * 60 * 60)) % (1000 * 60)) / 1000);
                    $(className).html(add_0(hour) + ' : ' + add_0(minute) + ' : ' + add_0(second));
                    if(currentTime>0){
                        timer = setTimeout(function(){
                            cutTime(currentTime,className,timer,days);
                        },1000);
                    }else{
                        clearTimeout(timer);
                        toDetail(days,className);
                        if(className == '#btn2'){
                            $('.contentTit li:eq(1)').addClass('on').siblings().removeClass('on');
                            $('.oneItem:eq(1)').addClass('show').siblings().removeClass('show');
                            $('#rate2').html('0.88');
                            $('#btn1').html('活动已结束').attr('href','javascript:void(0);').removeAttr("data-hybrid-type");
                        }
                    }
                }

                function add_0(n){
                    if(n>=10){
                        return n;
                    }else{
                        return "0"+n
                    }
                }
                $('.activeRuler').on('click',function(){
                    $('.mask').addClass('show');
                });
                $('.close').on('click',function(){
                    $('.mask').removeClass('show');
                });
            });
        </script>
        <script>
            var isHttps="https:" == document.location.protocol,
                url='';
            if(isHttps){
                url='https://res.wx.qq.com/open/js/jweixin-1.0.0.js'
            }else{
                url='http://res.wx.qq.com/open/js/jweixin-1.0.0.js'
            }
            document.write("<script src='"+url+"'><\/script>");
        </script>
        <script type="text/javascript">
            var locationUrl = location.href.split('#')[0];
            var wxStrObj={
                title:'欢度中秋国庆', // 分享标题
                desc:'平均加息1%以上，送598元现金',// 分享描述
                link:locationUrl,// 分享链接
                imgUrl:'http://www.qianneizhu.com/data/images/app/icon_logo.png', // 分享图标
                type:'',// 分享类型,music、video或link，不填默认为link
                dataUrl:'',// 如果type是music或video，则要提供数据链接，默认为空
                success:function(){          // 用户分享成功后执行的回调函数
                },
                cancel:function(){          // 用户取消分享后执行的回调函数
                }
            };

            $.ajax({
                type: 'post',
                url: "/api/wx/getConfig.html",
                dataType: 'json',
                data: {
                    shareurl:locationUrl
                },
                success: function(data) {
                    wx.config({
                        //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: data.resultData.jsconfig.appid, // 必填，公众号的唯一标识
                        timestamp:data.resultData.jsconfig.timestamp, // 必填，生成签名的时间戳
                        nonceStr: data.resultData.jsconfig.nonceStr, // 必填，生成签名的随机串
                        signature: data.resultData.jsconfig.signature,// 必填，签名，见附录1
                        jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                    });
                    wx.ready(function(){
                        //===>分享到朋友圈
                        wx.onMenuShareTimeline({
                            title: wxStrObj.title,
                            link: wxStrObj.link,
                            imgUrl: wxStrObj.imgUrl,
                            success:wxStrObj.success,
                            cancel: wxStrObj.cancel
                        });
                        //===>分享给朋友
                        wx.onMenuShareAppMessage({
                            title: wxStrObj.title,
                            desc: wxStrObj.desc,
                            link: wxStrObj.link,
                            imgUrl: wxStrObj.imgUrl,
                            type: wxStrObj.type,
                            dataUrl: wxStrObj.dataUrl,
                            success:wxStrObj.success,
                            cancel: wxStrObj.cancel
                        });
                        //===>分享给QQ
                        wx.onMenuShareQQ({
                            title: wxStrObj.title,
                            desc: wxStrObj.desc,
                            link: wxStrObj.link,
                            imgUrl: wxStrObj.imgUrl,
                            success: wxStrObj.success,
                            cancel: wxStrObj.cancel
                        });
                    });
                },
                timeout: 50000,
                error:function(){
                    alert('请求超时');
                }
            });
        </script>
        <script>
            var _vds = _vds || [];
            window._vds = _vds;
            (function(){
                _vds.push(['setAccountId', 'a74544d3179583c3']);
                (function() {
                    var vds = document.createElement('script');
                    vds.type='text/javascript';
                    vds.async = true;
                    vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(vds, s);
                })();
            })();
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "//hm.baidu.com/hm.js?c99fe1c7b690e000350f2883e671cb5c";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </body>
</html>